@import "./default.less";
table{
  &.table{
    tr{
      &.pagesearch td {FONT-WEIGHT: normal;width: 100%;height: 24px;}
      &.pageheader td {padding: 1px 0px 1px 2px !important;FONT-WEIGHT: bold;color: #333333;height: 27px;}
      td:nth-child(2){min-width: 75px;text-align: right;line-height: 30px;padding: 0;}
      td:nth-child(3){text-align: left;}
    }
  }
  &.list{
    thead tr{color: #333333;height: 25px;font: 12px;}
    tr{
      td:nth-child(2){text-align:left;text-indent:4px;}
      &.info {background:#e3f3ff}
      &:hover{background:#f1f7fe}
      th{ background:@colorH; }
    }
    tbody.menu td:nth-last-child(1){width:35px;}
    th,td {text-align: center;vertical-align: middle;font-weight: normal;border: 1px solid #d5d5d5;}
  }
  &.noLine{td,tr{border:0px;border-style:none}}
  th,tr,td {text-align: center;border-collapse: collapse;border: 1px solid #fff7;}
  .input-text{border:solid 1px #ddd;padding:2px 0px 3px 4px;line-height:20px;max-width:200px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
}
#nav{
  a { font-weight:bold;color:#2c3e50; }
  a.router-link-exact-active { color:thistle; }
}
@media only screen and (max-width:768px){
  #nav { padding:6px; }input,textarea{margin:0;padding:1px;}
  .btn{
    opacity:.75;padding:1px 0px !important;FONT-SIZE: 10pt;
  }
  .text-center{min-width:35px;font-size:8pt;word-break: break-word;max-width: 100px;text-align:center;}
  .text-left{min-width:35px;font-size:8pt;word-break: break-word;max-width: 100px;text-align:left;}
  .text-right{min-width:35px;font-size:8pt;word-break: break-word;max-width: 100px;text-align:right;}
  table{
    tr{
      height:17px;th.cz{width:35px;}th.czX{width:90px;}
      td.cz{display:grid;width:34px;float:right;}
    }
    font-size: 9pt;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 30px auto;
    background-color: transparent;
  }}
  @media only screen and (min-width:768px){
  #nav { padding:15px; }input,textarea{margin:0;padding:3px;}
  .btn{
    padding:2px 1px !important;FONT-SIZE: 12pt;
  }
  table{
    tr{
      height: 22px;th.cz{width:43px;}th.czX{width:115px;}
      td.cz{display:grid;width:40px;float:right;}
    }
    border-spacing: 0;
    border-collapse: collapse;
    width: 99%;
    max-width: 100%;
    position: relative;
    margin: 5px auto 57px auto;
    background-color: transparent;
  }
  .text-center{min-width:64px;font-size:14px;word-break: break-word;max-width: 130px;text-align:center;}
  .text-left{min-width:64px;font-size:14px;word-break: break-word;max-width: 130px;text-align:left;}
  .text-right{min-width:64px;font-size:14px;word-break: break-word;max-width: 130px;text-align:right;}
}